<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>端午安康 · 福慧双增</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <audio id="bgm" src="audio/aicao.mp3" loop></audio>
  
  <button id="playBtn" onclick="toggleAudio()">🎵 点击播放音乐</button>
  <img id="cornerIcon" src="https://visa.goldenholiday.com/images/country/Circle.png" alt="角标图标" />

  <div class="scroll-container">
    <section>
      <h1>端午安康 · 福慧双增</h1>
      <p class="quote">“彩线轻缠红玉臂，小符斜挂绿云鬟。”</p >
    </section>
    <section>
      <p>节令，是天地的脚注。五月初五，不只是日历上的重复，更是人心在年轮中的一次“对位”。</p >
    </section>
    <section>
      <p>为何在此时说“安康”？因为一年之阳至于盛，五毒并生，草木蓬勃，人心亦躁。于是古人悬艾，饮雄黄，而今人更需要一次精神上的“归元”。</p >
    </section>
    <section>
      <p>福者，得也；慧者，知也。前者为身，后者为心。若得其一，尚可得安；若双增，则近于自在。可惜世人多只奔福，不问慧。</p >
    </section>
    <section>
      <p>旅行于今，非关山水之遥，而是心意之返。知节气，顺天心，识人意，懂己路——则每一步远行，皆是归途。</p >
    </section>
    <section>
      <p class="italic">若你读完仍觉朦胧，不妨想一想：是这文字太深？还是你自己，已经太久不曾静心。</p >
      <p class="signature">—— 黄金假日旅行网</p >
    </section>
  </div>

  <script src="main.js"></script>
</body>
</html>